import React from "react"
import ReactDOM from "react-dom/client"
import { ThemeProvider } from "styled-components"

// import App from "./01_内联样式的CSs/App"
// import App from "./03_CSS_module/App"
// import App from "./04_less编写方式/App"
// import App from "./05_CSS_in_js写法/App"
import App from "./06_classnames库/App"
const root = ReactDOM.createRoot(document.getElementById("root"))
root.render(
    <React.StrictMode>
        <ThemeProvider theme={{ color: "purple", size: "50px" }}>
            <App />
        </ThemeProvider>
    </React.StrictMode>
)

// ES6:标签模板字符串
// 1.模板字符串的基本使用
// const name = ''
// const age = 18
// const str = `${age}`

// 2.标签模板字符串的使用
// function foo(...args) {
//     console.log(args)
// }

// foo("why",18,1.88)
// foo`1${2222}111`
